<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro"
      xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>系统提醒列表</title>
    <link th:replace="common/header"/>
    <link rel="stylesheet" th:href="@{/css/tip.css}"/>
    <script type="text/javascript" th:src="@{/js/layer/tip.js}"></script>
</head>
<body class="no-skin">
<div th:replace="common/top"/>
<div class="main-container ace-save-state" id="main-container">
    <div th:replace="common/menu"/>
    <div class="main-content">
        <div class="main-content-inner">
            <div th:replace="common/title"/>
            <div class="page-content">
                <div th:replace="common/skin"/>
                <div class="row">
                    <div class="col-xs-12">
                        <!-- PAGE CONTENT BEGINS -->
                        <h3 class="header smaller lighter blue"><i class="fa fa-list" aria-hidden="true"></i>系统提醒列表
                        </h3>
                        <form id="form" name="form" th:action="@{/reminder/getAll}" th:method="post"
                              th:object="${reminderForm}">
                            <div class="row-fluid">
                                <!--PAGE CONTENT BEGINS HERE-->
                                <div class="span6">
                                    <button type="button" shiro:hasPermission="/reminder/deleteAll"
                                            class="btn btn-danger" th:onclick="'deleteAll(\'/reminder/deleteAll\');'"><i
                                            class="fa fa-times" aria-hidden="true"></i>删除
                                    </button>
                                </div>
                                <div class="span2">
                                    <div class="row-fluid">
                                        <div class="span4">
                                            <span class="input_text">提醒内容:</span>
                                        </div>
                                        <div class="span8">
                                            <input type="text" name="title" id="title" class="input_fix"
                                                   placeholder="提醒内容" th:value="*{title}" maxlength="20"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span2">
                                    <div class="row-fluid">
                                        <div class="span4">
                                            <span class="input_text">用户名称:</span>
                                        </div>
                                        <div class="span8">
                                            <input type="text" name="username" id="username" class="input_fix"
                                                   placeholder="提醒内容" th:value="*{username}" maxlength="20"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="span2">
                                    <button class="btn btn-info" style="float: right;" type="button"
                                            onclick="pagechange(1);"><i class="fa fa-search"
                                                                        aria-hidden="true"></i>查询
                                    </button>
                                </div>
                            </div>
                            <table class="table">
                                <thead>
                                <tr>
                                    <td class="center" style="width:80px;"><label><a href="javascript:void(0);"
                                                                                     th:onclick="'selectAll(this)'">全/不选</a></label>
                                    </td>
                                    <td>用户名称</td>
                                    <td class="hidden-480">提醒内容</td>
                                    <td class="hidden-480">提醒时间</td>
                                    <td>操作</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr th:each="reminder: ${pi.records}">
                                    <td class="center"><label><input type="checkbox" name="selectIds"
                                                                     th:value="${reminder.id}"/><span
                                            class="lbl">&nbsp;</span></label></td>
                                    <td th:text="${reminder.sysUser.username}">doudou</td>
                                    <td class="hidden-480" th:text="${reminder.title}">1-1-1-1</td>
                                    <td class="hidden-480"
                                        th:text="${reminder.remindTime ne null ? #dates.format(reminder.remindTime, 'yyyy年MM月dd日 HH:mm:ss') : '无'}">
                                        2017-09-09
                                    </td>
                                    <td>
                                        <a href="#"
                                           class="btn btn-danger btn-minier"
                                           th:href="@{'/reminder/delete?id=' + ${reminder.id}}" th:text="删除">删除</a>
                                        <a href="#"
                                           class="btn btn-primary btn-minier"
                                           th:href="@{'/reminder/view?id=' + ${reminder.id}}"
                                           th:text="查看详情">查看详情</a>
                                    </td>
                                </tr>
                                </tbody>
                                <tfoot>
                                <tr>
                                    <td colspan="5">
                                        <div class="row-fluid" th:replace="common/page"/>
                                    </td>
                                </tr>
                                </tfoot>
                            </table>
                        </form>
                        <!-- PAGE CONTENT ENDS -->
                    </div><!-- /.col -->
                </div><!-- /.row -->
            </div><!-- /.page-content -->
        </div>
    </div><!-- /.main-content -->
    <div th:replace="common/footer"/>
</div><!-- /.main-container -->
<div th:replace="common/buttom"/>
<div th:replace="common/layer"/>
</body>
</html>
